import Vue from 'vue'

import 'normalize.css/normalize.css' // A modern alternative to CSS resets

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import locale from 'element-ui/lib/locale/lang/en' // lang i18n

import '@/styles/index.scss' // global css

import App from './App'
import store from './store'
import router from './router'
// 导入所有函数到一个对象里
import '@/icons' // icon
import '@/permission' // permission control

// 注册全局指令
// 我可能要注册多个全局指令，如果都写在main.js，不利于维护和阅读
// *就代表全部，所以 * as obj 代表把全部内容都导出来，作为obj的属性
import * as obj from './directives'
// 遍历这个对象，有多少个就注册多少个指令
for (let key in obj) {
  Vue.directive(key, obj[key])
}

import cmp from '@/components'
Vue.use(cmp)
// 导入所有函数到一个对象里
import * as filters from './filters'
// 再遍历这个对象，注册成过滤器
for (let key in filters) {
  Vue.filter(key, filters[key])
}

// set ElementUI lang to EN
// Vue.use(ElementUI, { locale })
// 如果想要中文版 element-ui，按如下方式声明
Vue.use(ElementUI)

Vue.config.productionTip = false

new Vue({
  el: '#app',
  router,
  store,
  i18n,
  render: h => h(App)
})

import { roleObj } from '@/mixins'
Vue.mixin(roleObj)


import i18n from '@/i18n'

Vue.use(ElementUI, {
  i18n: (key, value) => i18n.t(key, value)
})